.dx-timeview {
    height: 250px;
    width: 270px;

    &.dx-state-disabled, .dx-state-disabled {
        &.dx-widget, .dx-widget {
            opacity: 1;
        }
    }
}

.dx-timeview-clock {
    position: relative;
}

.dx-timeview-hourarrow,
.dx-timeview-minutearrow {
    position: absolute;
	left: 50%;
    width: 30px;
    height: 50%;
    margin-left: -15px;
    background-position: bottom;
    background-repeat: no-repeat;
    .transform-origin(50% 100%);
    -webkit-backface-visibility: hidden;
}

.dx-timeview-field .dx-numberbox {
    width: 70px;

    &.dx-numberbox-spin-touch-friendly {
        width: 110px;
    }
}
